<!DOCTYPE html>
<html>
<head>
<title>Welcome to facebook</title><br>
<link href="mainstyle.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<h1>Join Facebook Now</h1>
<div id="container">
<div id="menu">
<form id="pros" action="create_new_user.php" method="POST" enctype="multipart/form-data">
<input type="hidden" name="MAX_FILE_SIZE" value="500000" />
<table>
   <tr>
   <td>First Name: </td><td><input type="text" name="first"></td>
   </tr>
   <tr>
   <td>Last Name: </td><td><input type="text" name="last"></td>
   </tr>
   <tr>
	<td><label for="birthdate">Date of Birth: </label></td>
	<td>
	<select name="day" class="day">
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
		<option value="6">6</option>
		<option value="7">7</option>
		<option value="8">8</option>
		<option value="9">9</option>
		<option value="10">10</option>
		<option value="11">11</option>
		<option value="12">12</option>
		<option value="13">13</option>
		<option value="14">14</option>
		<option value="15">15</option>
		<option value="16">16</option>
		<option value="17">17</option>
		<option value="18">18</option>
		<option value="19">19</option>
		<option value="20">20</option>
		<option value="21">21</option>
		<option value="22">22</option>
		<option value="23">23</option>
		<option value="24">24</option>
		<option value="25">25</option>
		<option value="26">26</option>
		<option value="27">27</option>
		<option value="28">28</option>
		<option value="29">29</option>
		<option value="30">30</option>
		<option value="31">31</option>
	</select>
	<select name="month" class="month">
		<option value="january">January</option>
		<option value="february">February</option>
		<option value="march">March</option>
		<option value="april">April</option>
		<option value="may">May</option>
		<option value="june">June</option>
		<option value="july">July</option>
		<option value="august">August</option>
		<option value="september">September</option>
		<option value="october">October</option>
		<option value="november">November</option>
		<option value="december">December</option>
	</select>
	<select name="year" class="year">
		<option value="1980">1980</option>
		<option value="1981">1981</option>
		<option value="1982">1982</option>
		<option value="1983">1983</option>
		<option value="1984">1984</option>
		<option value="1985">1985</option>
		<option value="1986">1986</option>
		<option value="1987">1987</option>
		<option value="1988">1988</option>
		<option value="1989">1989</option>
		<option value="1990">1990</option>
		<option value="1991">1991</option>
		<option value="1992">1992</option>
		<option value="1993">1993</option>
		<option value="1994">1994</option>
		<option value="1995">1995</option>
		<option value="1996">1996</option>
		<option value="1997">1997</option>
		<option value="1998">1998</option>
		<option value="1999">1999</option>
		<option value="2000">2000</option>
	</select>
	</td>
	</tr>
   <tr>
   <td>Email: </td><td><input type="text" name="email"></td>
   </tr>  
	<tr>
   <td>Phone: </td><td><input type="text" name="phone"></td>
   </tr>
	<tr>
   <td>Relationship Status: </td><td><select name="rel_status">
		<option value="S">Single</option>
		<option value="M">Married</option>
	</select></td>
   </tr> 
   
	<tr>
		<td>Gender:</td>
		<td>
		<input type="radio" name="gender" value="M" id="male"><label for="male">Male</label>
		<input type="radio" name="gender" value="F" id="female"><label for="female">Female</label>
		</td>
	</tr>
	<tr>
   <td>Favourite Food: </td><td><input type="text" name="food"></td>
   </tr> 
	<tr>
   <td>Profile Picture: </td><td><input type="file" name="pic"></td>
   </tr> 
	<tr>
   <td>Choose username: </td><td><input type="text" name="user"></td>
   </tr>
	<tr>
   <td> Password: </td><td><input type="password" name="pswd"></td>
   </tr>
   <tr>
   <td> Confirm Password: </td><td><input type="password" name="pswd_conf"></td>
   </tr>
 
   <tr>
	<td>&nbsp;</td><td><input type="submit" value="Create Account!"></td>
	</tr>
	</table> 
	</form>
<br><br>

<!--Horlali-->
<h1>Already have an account? Sign in!</h1>
<form id="horla" action="authenticate_user.php" method="POST">
<table>
<tr>
	<td>Username:</td>
	<td><input type="text" name="login"/></td>
</tr>
<tr>
	<td>Password:</td>
	<td><input type="password" name="pass"/></td>
</tr>
<tr>
	<td>&nbsp;</td>
	<td>
	<input type="submit" value="Login"/>
	</td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>